import { ProCard } from "@ant-design/pro-components";
import { Tabs, Typography } from "antd";

import React from "react";

const { TabPane } = Tabs;
const { Paragraph } = Typography;

const Page16: React.FC = () => {
  return (
    <div style={{ padding: 24 }}>
      <h1>标签页页面</h1>
      <ProCard>
        <Tabs defaultActiveKey="1">
          <TabPane tab="基本信息" key="1">
            <Paragraph>
              这是基本信息标签页的内容。您可以在这里显示用户的基本信息。
            </Paragraph>
          </TabPane>
          <TabPane tab="详细信息" key="2">
            <Paragraph>
              这是详细信息标签页的内容。您可以在这里显示更详细的信息。
            </Paragraph>
          </TabPane>
          <TabPane tab="设置" key="3">
            <Paragraph>
              这是设置标签页的内容。您可以在这里进行各种设置。
            </Paragraph>
          </TabPane>
        </Tabs>
      </ProCard>
    </div>
  );
};

export default Page16;
